/* global.css 或 main.css */

/* 默认样式 (亮色模式) */
:root {
    --background-color: #ffffff;  /* 背景色 */
    --header-background: #ffffff; /* 头部背景色 */
    --menu-icon-color: #606266;   /* 菜单图标颜色 */
    --icon-color: #040303;        /* 图标颜色 */
    --text-color: #333333;        /* 文字颜色 */
    --breadcrumb-color: #606266;  /* 面包屑颜色 */
    --primary-color: #409eff;     /* 主色 */
    --border-color: #e5e5e5;      /* 边框颜色 */
}

/* 暗色模式颜色变量 */
.dark {
    --background-color: #121212;  /* 背景色 */
    --header-background: #1c1c1c; /* 头部背景色 */
    --menu-icon-color: #e0e0e0;   /* 菜单图标颜色 */
    --icon-color: #e0e0e0;        /* 图标颜色 */
    --text-color: #e0e0e0;        /* 文字颜色 */
    --breadcrumb-color: #e0e0e0;  /* 面包屑颜色 */
    --primary-color: #409eff;     /* 主色 */
    --border-color: #444444;      /* 边框颜色 */
}

/* 基础样式 */
body {
    background-color: var(--background-color);
    color: var(--text-color);

}
